<?php if (!defined('THINK_PATH')) exit();?>﻿<html>
<!DOCTYPE html>
<html lang="en" class="no-js">

    <head>

        <meta charset="utf-8">
        <title>登录(Login)</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <link rel="stylesheet" href="/easyhtml/Public/css/reset.css">
        <link rel="stylesheet" href="/easyhtml/Public/css/supersized.css">
        <link rel="stylesheet" href="/easyhtml/Public/css/style.css">

    </head>

    <body>

        <div class="page-container">
            <h1>登录(Login)</h1>
            <form action="<?php echo U('User/login');?>" method="post">
                <input type="text" name="username" class="username" placeholder="请输入您的用户名！">
                <input type="password" name="password" class="password" placeholder="请输入您的用户密码！">
                <input type="text" style="width:40%;float:left;" name="code" class="code" placeholder="请输入验证码！"/>
                <img src="/easyhtml/index.php/Admin/User/verify" class="verify" style="margin-top:15px;" onclick="this.src='/easyhtml/index.php/Admin/User/verify?'+Math.random();">
                <button type="submit" class="submit_button">登录</button>
                <div class="error" id="pwd"><span>密码错误</span></div>
                <div class="error" id="code"><span>验证码错误</span></div>
                <div class="error" id="success"><span>登录成功</span></div>
            </form>
        </div>
		
        <!-- Javascript -->
        <script src="/easyhtml/Public/js/jquery-1.9.1.min.js" ></script>
        <script src="/easyhtml/Public/layer-v2.3/layer/layer.js"></script>
        <script src="/easyhtml/Public/js/supersized.3.2.7.min.js" ></script>
        <script src="/easyhtml/Public/js/scripts.js" ></script>
        <script>
            jQuery(function($){

                $.supersized({

                    // 功能
                    slide_interval     : 4000,    // 转换之间的长度
                    transition         : 1,    // 0 - 无，1 - 淡入淡出，2 - 滑动顶，3 - 滑动向右，4 - 滑底，5 - 滑块向左，6 - 旋转木马右键，7 - 左旋转木马
                    transition_speed   : 1000,    // 转型速度
                    performance        : 1,    // 0 - 正常，1 - 混合速度/质量，2 - 更优的图像质量，三优的转换速度//（仅适用于火狐/ IE浏览器，而不是Webkit的）

                    // 大小和位置
                    min_width          : 0,    // 最小允许宽度（以像素为单位）
                    min_height         : 0,    // 最小允许高度（以像素为单位）
                    vertical_center    : 1,    // 垂直居中背景
                    horizontal_center  : 1,    // 水平中心的背景
                    fit_always         : 0,    // 图像绝不会超过浏览器的宽度或高度（忽略分钟。尺寸）
                    fit_portrait       : 1,    // 纵向图像将不超过浏览器高度
                    fit_landscape      : 0,    // 景观的图像将不超过宽度的浏览器

                    // 组件
                    slide_links        : 'blank',    // 个别环节为每张幻灯片（选项：假的，'民'，'名'，'空'）
                    slides             : [    // 幻灯片影像
                        {image : '/easyhtml/Public/images/1.jpg'},
                        {image : '/easyhtml/Public/images/2.jpg'},
                        {image : '/easyhtml/Public/images/3.jpg'}
                    ]

                });

            });
        $('.submit_button').submit();
        </script>
    </body>
</html>